<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>La Nouette| Adherer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/foundation.css">
    <link rel="stylesheet" href="css/domaine.css">
    <script src="js/vendor/modernizr.js"></script>
  </head>
  <body class="background background-adherer">
    <div class="main">
      <!-- En-tête  -->
      <div class="banner">
        <div class="row">
          <div class="large-12 columns">
            <div class="banner-img"> <img src="img/domaine/banner.png"> </div>
          </div>
        </div>
      </div>
      <div class="navigation large-12">
        <div class="contain-to-grid sticky">
          <nav class="top-bar" data-topbar="" data-options="sticky_on: large">
            <ul class="title-area">
              <li class="name">
                <h1><a href="home.html">Accueil</a></h1>
              </li>
            </ul>
            <section class="top-bar-section">
              <!-- Right Nav Section -->
              <ul class="right">
                <li class="active has-dropdown"> <a href="#">Envie d'agir ?</a>
                  <ul class="dropdown">
                    <li> <a href="pourquoiVous.html">Pourquoi vous</a> </li>
                    <li> <a href="adherer.html">Adhérer</a> </li>
                  </ul>
                </li>
                <li> <a href="contact.html">Nous contacter</a> </li>
                <li class="active"> <a href="partenaires.html">Nos partenaires</a>
                </li>
              </ul>
              <!-- Left Nav Section -->
              <ul class="left">
                <li class="has-dropdown"> <a href="#">Le domaine</a>
                  <ul class="dropdown">
                    <li><a href="domaine.html">Le domaine</a></li>
                    <li><a href="alentours.html">Les alentours</a></li>
                    <li><a href="nous.html">Nous</a></li>
                  </ul>
                </li>
                <li class="has-dropdown"> <a href="#">Nos services</a>
                  <ul class="dropdown">
                    <li><a href="atelier.html">Atelier</a></li>
                    <li><a href="diffusion.html">Diffusion</a></li>
                  </ul>
                </li>
                <li> <a href="artistes.html">Les artistes</a> </li>
              </ul>
            </section>
          </nav>
        </div>
      </div>
      <!-- Fin de l'en-tête  -->
      <div class="content">
        <div class="row">
          <div class="large-12 columns">
            <div class="panel">
              <h3>Alors, intéressé(e)(s) ?</h3>
              <span><i>Bien sûr !</i></span>
              <p> Voici ce qui vous attend si vous soutenez nos projets </p>
              <div class="row">
                <div class="large-6 columns">
                  <div class="pricing-container">
                    <ul class="pricing-table">
                      <li class="title">Contributeurs occasionnels</li>
                      <li class="price">10€</li>
                      <li class="description">Vous contribuez au projet</li>
                      <li class="bullet-item">Accès au domaine pendant un an.</li>
                      <li class="bullet-item">Une lettre de remerciement</li>
                      <li class="cta-button"><a class="button" href="#">J'adore,
                          j'adhère !</a></li>
                    </ul>
                  </div>
                </div>
                <div class="large-6 columns">
                  <div class="pricing-container">
                    <ul class="pricing-table">
                      <li class="title">Contributeurs réguliers</li>
                      <li class="price">50€</li>
                      <li class="description">Vous voulez profiter des chambres
                        du domaine</li>
                      <li class="bullet-item">Accès au domaine pendant un an.</li>
                      <li class="bullet-item">Une nuit de sommeil pour deux
                        offerte dans le domaine.</li>
                      <li class="bullet-item">Une lettre de remerciement</li>
                      <li class="cta-button"><a class="button" href="#">J'adore,
                          j'adhère !</a></li>
                    </ul>
                  </div>
                </div>
                <div class="large-6 columns">
                  <div class="pricing-container">
                    <ul class="pricing-table">
                      <li class="title">Contributeurs passionnés</li>
                      <li class="price">60€</li>
                      <li class="description">Vous voulez travailler sur vos
                        projets</li>
                      <li class="bullet-item">Accès au domaine pendant un an.</li>
                      <li class="bullet-item">Une semaine d'accès à l'atelier.</li>
                      <li class="bullet-item">Un concert exclusif</li>
                      <li class="cta-button"><a class="button" href="#">J'adore,
                          j'adhère !</a></li>
                    </ul>
                  </div>
                </div>
                <div class="large-6 columns">
                  <div class="pricing-container">
                    <ul class="pricing-table">
                      <li class="title"> Contributeurs amis de la Nouette</li>
                      <li class="price">120€</li>
                      <li class="description">Vous voulez devenir partenaire
                        dans le domaine</li>
                      <li class="bullet-item">Accès au domaine pendant un an.</li>
                      <li class="bullet-item">Participez aux captations au sein du domaine</li>
                      <li class="bullet-item">Une lettre de remerciement</li>
                      <li class="bullet-item">Un concert des artistes de votre choix</li>
                      <li class="cta-button"><a class="button" href="#">J'adore,
                          j'adhère !</a></li>
                    </ul>
                  </div>
                </div>
                <div class="large-6 columns">
                  <div class="pricing-container">
                    <ul class="pricing-table">
                      <li class="title">Contributeurs membres d'or</li>
                      <li class="price">10 000€</li>
                      <li class="description">Vous êtes le meilleur</li>
                      <li class="bullet-item">Accès au domaine pendant un an.</li>
                      <li class="bullet-item">Chambre offerte pendant une
                        semaine.</li>
                      <li class="bullet-item"> Votre nom sur les génériques des captations</li>
                      <li class="bullet-item">Le déplacement à l'année offert pour venir voir nos concerts</li>
                      <li class="bullet-item">Une lettre de remerciement</li>
                      <li class="cta-button"><a class="button" href="#">J'adore, j'adhère !</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Pied de page -->
      <div class="footer">
        <div class="large-4 columns"> <span>© 2014 La Nouette<br><a href="mentionsLegales.html">Mentions légales</br></a></span> </div>
        <div class="large-4 columns"> <span>Contact: Nicole Mingasson</span> </div>
        <div class="large-4 columns"> <span><a href="https://www.facebook.com/SceneEtLive?fref=ts">Aller sur le Facebook du site</a></span> </div>
      </div>
      <!-- Fin du pied de page -->
    </div>
    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script src="js/foundation/foundation.orbit.js"></script>
    <script>
    $(document).foundation();
</script>
  </body>
</html>
